<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="stylesheet" type="text/css"
	href="/css/base.css" media="all">
<link rel="stylesheet" type="text/css"
	href="/css/plist20131112.css" media="all">
<link rel="stylesheet" type="text/css"
	href="/css/list-page-20141009.css" media="all">
<link rel="stylesheet" type="text/css"
	href="/css/pop_compare.css" media="all">
<link rel="shortcut icon" type="image/ico"
	href="http://list.jd.com/favicon.ico">
<script type="text/javascript"
	src="../js/jquery-1.2.6.pack.js"></script>
<style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
.en-markup-crop-options {
    top: 18px !important;
    left: 50% !important;
    margin-left: -100px !important;
    width: 200px !important;
    border: 2px rgba(255,255,255,.38) solid !important;
    border-radius: 4px !important;
}

.en-markup-crop-options div div:first-of-type {
    margin-left: 0px !important;
}
</style>
<script type="text/javascript">
	function query() {
		//执行关键词查询时清空过滤条件
		document.getElementById("price").value="";
		document.getElementById("page").value="";
		//执行查询
		queryList();
	}
	function queryList() {
		//提交表单
		document.getElementById("actionForm").submit();
	}
	//key: price, value: 0-500
	function filter(key, value) {
		document.getElementById(key).value=value;
		queryList();
	}
	function changePage(p) {
		var curpage = Number(document.getElementById("page").value);
		curpage = curpage + p;
		document.getElementById("page").value = curpage;
		queryList();
	}
</script>
</head>
<body class="root61">
<!--shortcut end-->
<div id="o-header-2013">
	<div class="w" id="header-2013">
		<!--logo end-->
		<div id="search-2013">
			<div class="i-search ld">
				<ul id="shelper" class="hide"></ul>
				<form th:id="actionForm" th:action="search" th:method="POST">
				<div class="form">
					<input th:type="text" class="text"
						   th:name="queryString" th:id="key" th:value="${queryString }">
					<input type="button" value="搜索" class="button" onclick="query()">
				</div>
				<input th:type="hidden" th:name="price" th:id="price" th:value="${price }"/>
				<input th:type="hidden" th:name="page" th:id="page" th:value="${result.curPage }"/>
				</form>
			</div>
			<div id="hotwords"></div>
		</div>
		<!--search end-->
		<div id="my360buy-2013">
			<dl>
				<dd>
					<div class="loading-style1"><b></b>加载中，请稍候...</div>
				</dd>
			</dl>
		</div>
		<!--my360buy end-->
		<div id="settleup-2013">
			<dl>
				<dd>
					<div class="prompt">
						<div class="loading-style1"><b></b>加载中，请稍候...</div>
					</div>
				</dd>
			</dl>
		</div>
		<!--settleup end-->
	</div>
	<!--header end-->
	<div class="w">
		<div id="nav-2013">
			<div id="categorys-2013" class="categorys-2014">
				<div class="mt ld">
					<h2><a href="http://www.jd.com/allSort.aspx">全部商品分类<b></b></a></h2>
				</div>
			</div>
			<div id="treasure"></div>
			<ul id="navitems-2013">
				<li class="fore1" id="nav-home"><a href="http://www.jd.com/">首页</a></li>
				<li class="fore2" id="nav-fashion"><a href="http://fashion.jd.com/">服装城</a></li>
				<li class="fore3" id="nav-chaoshi"><a href="http://channel.jd.com/chaoshi.html">食品</a></li>
				<li class="fore4" id="nav-tuan"><a href="http://tuan.jd.com/" target="_blank">团购</a></li>
				<li class="fore5" id="nav-auction"><a href="http://auction.jd.com/">夺宝岛</a></li>
				<li class="fore6" id="nav-shan"><a href="http://red.jd.com/">闪购</a></li>
				<li class="fore7" id="nav-jinrong"><a href="http://jr.jd.com/" target="_blank">金融</a></li>
			</ul>
		</div>
	</div>
</div>
<div class="w">
	<div class="breadcrumb">
		<strong><a href="#">服饰内衣</a></strong><span>&nbsp;&gt;&nbsp;<a
			href="#">女装</a>&nbsp;&gt;&nbsp;<a href="#">T恤</a></span>
	</div>
</div>
<div class="w main">
<div class="right-extra">
<div id="select" clstag="thirdtype|keycount|thirdtype|select" class="m">
	<div class="mt">
		<h1>
			T恤 -<strong>&nbsp;商品筛选</strong>
		</h1>
	</div>
	<div class="mc attrs">
		<div data-id="100002" class="prop-attrs">
			<div class="attr">
				<div class="a-key">价格：</div>
				<div class="a-values">
					<div class="v-fold">
						<ul class="f-list">
							<li><a href="javascript:filter('price','0-500')">0-500</a></li>
							<li><a href="javascript:filter('price','500-1000')">500-1000</a></li>
							<li><a href="javascript:filter('price','1000-5000')">1000-5000</a></li>
							<li><a href="javascript:filter('price','5000-10000')">5000-10000</a></li>
							<li><a href="javascript:filter('price','10000-50000')">10000-50000</a></li>
							<li><a href="javascript:filter('price','50000-100000')">50000-100000</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="filter">
	<div class="cls"></div>
	<div class="fore1">
		<dl class="activity">
			<dd></dd>
		</dl>
		<div class="pagin pagin-m">
			<span class="text"><i th:text="${result.curPage }"></i>/<i th:text="${result.pageCount }"></i></span>
			<a href="javascript:changePage(-1)" class="prev">上一页<b></b></a>
			<a href="javascript:changePage(1)" class="next">下一页<b></b></a>
		</div>
		<div class="total">
			<span>共<strong th:text="${result.recordCount }"></strong>个商品
			</span>
		</div>
		<span class="clr"></span>
	</div>
</div>
<!--商品列表开始-->
<div id="plist" class="m plist-n7 plist-n8 prebuy">
	<ul class="list-h">
		<li pid="${item.pid }" th:each="item,itemStat:${result.skuList}">
			<div class="lh-wrap">
				<div class="p-img">
					<a target="_blank" href="#">
						<img width="220" height="282" class="err-product" th:src="${item.image}">
					</a>
				</div>
				<div class="p-name">
					<a th:utext="${item.title }"></a>
				</div>
				<div class="p-price">
					<strong th:text="${item.price}"></strong><span id="p1269191543"></span>
				</div>
			</div>
		</li>

	</ul>
</div>
<!--商品列表结束-->
</div>
<div class="left">
	<div id="sortlist" clstag="thirdtype|keycount|thirdtype|sortlist"
		class="m">
		<div class="mt">
			<h2>服饰内衣</h2>
		</div>
		<div class="mc">
			<div class="item current">
				<h3>
					<b></b>女装
				</h3>
				<ul>
					<li><a href="#">T恤</a></li>
					<li><a href="#">衬衫</a></li>
					<li><a href="#">针织衫</a></li>
					<li><a href="#">雪纺衫</a></li>
					<li><a href="#">卫衣</a></li>
					<li><a href="#">马甲</a></li>
					<li><a href="#">连衣裙</a></li>
					<li><a href="#">半身裙</a></li>
					<li><a href="#">牛仔裤</a></li>
					<li><a href="#">休闲裤</a></li>
					<li><a href="#">打底裤</a></li>
					<li><a href="#">正装裤</a></li>
					<li><a href="#">小西装</a></li>
					<li><a href="#">短外套</a></li>
					<li><a href="#">风衣</a></li>
					<li><a href="#">毛呢大衣</a></li>
					<li><a href="#">真皮皮衣</a></li>
					<li><a href="#">棉服</a></li>
					<li><a href="#">羽绒服</a></li>
					<li><a href="#">大码女装</a></li>
					<li><a href="#">中老年女装</a></li>
					<li><a href="#">婚纱</a></li>
					<li><a href="#">打底衫</a></li>
					<li><a href="#">旗袍/唐装</a></li>
					<li><a href="#">加绒裤</a></li>
					<li><a href="#">吊带/背心</a></li>
					<li><a href="#">羊绒衫</a></li>
					<li><a href="#">短裤</a></li>
					<li><a href="#">皮草</a></li>
					<li><a href="#">礼服</a></li>
					<li><a href="#">仿皮皮衣</a></li>
					<li><a href="#">羊毛衫</a></li>
					<li><a href="#">设计师/潮牌</a></li>
				</ul>
			</div>
			<div class="item">
				<h3>
					<b></b>男装
				</h3>
			</div>
			<div class="item">
				<h3>
					<b></b>内衣
				</h3>
			</div>
			<div class="item">
				<h3>
					<b></b>服饰配件
				</h3>
			</div>
		</div>
	</div>
	<div id="limitBuy">
		<div id="limitbuy9199"
			clstag="thirdtype|keycount|thirdtype|limitbuy536"
			class="m limitbuy hide">
			<div class="mt">
				<h2>服饰鞋帽</h2>
			</div>
			<div class="mc">
				<div id="clock9199" class="clock">正在加载…</div>
				<div id="limit9199"></div>
			</div>
		</div>
	</div>
	<div id="ad_left" reco_id="6" class="m m0 hide"></div>
	<!--用户最终购买-->
	<div id="finalbuy" class="hide m m0" style="display: block;">
		<div class="mt">
			<h2>
				浏览<font color="red">T恤</font>最终购买
			</h2>
		</div>
		<div class="mc">
		</div>
	</div>
	<div id="weekRank" clstag="thirdtype|keycount|thirdtype|mrank"
		class="m rank">
		<div class="mt">
			<h2>一周销量排行</h2>
		</div>
		<div class="mc">
		</div>
	</div>
</div><!--<div class="left">-->

<span class="clr"></span>
<div id="Collect_Tip" class="Tip360 w260"></div>

</div><!--<div class="w main">-->



</body>
</html>